@extends('admin.layouts.app')
@section('css')
 @parent
 <style>
        .ss-main {
            height: 730px;
        }
        .jc-line {
            border-bottom: 1px solid #ccc;
            padding: 10px 0;
        }
        .jc-hr {
            height: 30px;
        }
    </style>
@endsection
@section('content')
<!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
    
        <a class="btn btn-default" href="javascript:history.go(-1);" role="button">返回</a>
        <div class="checkbox">
            <label>
                <input type="checkbox" value="">
                默认组&mdash;默认增加新管理员到这个组
            </label>
        </div>

    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-md-12">
          <!-- AREA CHART -->
          <div class="box box-primary" style="border-top-color:transparent;">
            <div class="box-body">
              <div class="chart ss-main">
                
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="exampleInputEmail1">名字</label>
                            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="exampleInputEmail1">描述</label>
                            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
                        </div>
                    </div>
                </div>
                <ul class="nav nav-tabs">
                    <li role="presentation" class="active"><a href="#">权限</a></li>
                </ul>

                <div class="row jc-line">
                    <div class="col-xs-11">权限</div>
                    <div class="col-xs-1">允许</div>
                </div>
                <div class="row jc-line">
                    <div class="col-xs-11">名称1</div>
                    <div class="col-xs-1"><input type="checkbox"></div>
                </div>
                <div class="row jc-line">
                    <div class="col-xs-11">名称1</div>
                    <div class="col-xs-1"><input type="checkbox"></div>
                </div>
                <div class="row jc-line">
                    <div class="col-xs-11">名称1</div>
                    <div class="col-xs-1"><input type="checkbox"></div>
                </div>
                <div class="jc-hr"></div>
                
                <div class="row jc-line">
                    <div class="col-xs-11">权限</div>
                    <div class="col-xs-1"></div>
                </div>
                <div class="row jc-line">
                    <div class="col-xs-11">名称1</div>
                    <div class="col-xs-1"><input type="checkbox"></div>
                </div>
                <div class="row jc-line">
                    <div class="col-xs-11">名称1</div>
                    <div class="col-xs-1"><input type="checkbox"></div>
                </div>
                <div class="row jc-line">
                    <div class="col-xs-11">名称1</div>
                    <div class="col-xs-1"><input type="checkbox"></div>
                </div>
                
                <br>
                <button type="button" class="btn btn-primary">创建</button>
                <button type="button" class="btn btn-primary">创建或关闭</button>

              </div>
            </div>
            <!-- /.box-body -->
          </div>
          

        </div>
      </div>
      <!-- /.row -->

    </section>
    <!-- /.content -->
  </div>
@endsection